<template>
  <div class="page-header-index-wide">
   
  </div>
</template>

<script>
import ChartCard from '@/components/ChartCard'
import ACol from 'ant-design-vue/es/grid/Col'
import MiniArea from '@/components/chart/MiniArea'
import { getLoginfo } from '@/api/api'
import { getAction } from '@/api/manage'
import JEllipsis from '../../components/jeecg/JEllipsis'

export default {
  name: 'Analysis',
  components: {
    JEllipsis,
    ACol,
    ChartCard,
    MiniArea,
  },
  data() {
    return {
      yHeight: 0,
      salePagination: {
        pageSize: 10,
      },
      loading: true,
      center: null,
      loginfo: {},
    }
  },
  created() {
    setTimeout(() => {
      this.loading = !this.loading
    }, 1000)
    this.initLogInfo()
  },
  /*监测路由，回到首页刷新接口*/
  watch: {
    $route: {
      handler(route) {
        if (route.path == '/dashboard/analysis') {
          this.handleToday()
        }
      },
    },
  },
  methods: {
    /*回到首页后立即刷新接口*/
    handleToday() {
      this.$nextTick(() => {
        this.$refs.myRunningtask.loadData(1)
      })
    },
    initLogInfo() {
      getLoginfo(null).then((res) => {
        if (res.success) {
          this.loginfo = res.result
        }
      })
    },
  },
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>
<style>
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td {
  padding: 6px 2px;
}

.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td {
  padding: 6px 2px;
}
</style>